<head th:fragment="header">
    <!-- 必要的标签 -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <!-- Bootstrap CSS -->
    <link crossorigin="anonymous" integrity="sha512-6KY5s6UI5J7SVYuZB4S/CZMyPylqyyNZco376NM2Z8Sb8OxEdp02e1jkKk/wZxIEmjQ6DRCEBhni+gpr9c4tvA==" href="https://lib.baomitu.com/twitter-bootstrap/5.1.1/css/bootstrap.min.css" rel="stylesheet">
    <link th:href="@{/css/layout.css}" rel="stylesheet">
</head>

<nav th:fragment="navbar">

    <div class="sidebar" style="width: 250px;height: 450px;border: solid 1px seagreen; background:linear-gradient(to right bottom,seagreen,skyblue,red); position: absolute; left: 0; top: 0;">
        <ul style="list-style: none;text-align: center;margin-right: 50px;margin-top: 20px;">
            <li style="width:150px;height: 40px;background-color: lawngreen; display: inline-block;margin: 5px 0px;line-height: 40px;border-radius: 10px;"><a href="#" style="text-decoration: none;color: indigo; display: inline-block;margin: 0px 15px;">登录</a> <a href="#" style="text-decoration: none;color: indigo;display: inline-block;margin: 0px 15px;">注册</a></li>
            <li style="width:150px;height: 40px;background-color: lawngreen; display: inline-block;margin: 5px 0px;line-height: 40px;border-radius: 10px;"><a th:href="@{/}" style="text-decoration: none;color: indigo;">主页</a></li>
            <li style="width:150px;height: 40px;background-color: lawngreen; display: inline-block;margin: 5px 0px;line-height: 40px;border-radius: 10px;"><a th:href="@{/home}" style="text-decoration: none;color: indigo;">电影首页</a></li>
            <li style="width:150px;height: 40px;background-color: lawngreen; display: inline-block;margin: 5px 0px;line-height: 40px;border-radius: 10px;"><a th:href="@{/view/new}" style="text-decoration: none;color: indigo;">用户页面</a></li>
            <li style="width:150px;height: 40px;background-color: lawngreen; display: inline-block;margin: 5px 0px;line-height: 40px;border-radius: 10px;"><a th:href="@{/memory}" style="text-decoration: none;color: indigo;">记录页面</a></li>
            <li style="width:150px;height: 40px;background-color: lawngreen; display: inline-block;margin: 5px 0px;line-height: 40px;border-radius: 10px;"><a th:href="@{/film/new}" style="text-decoration: none;color: indigo;">电影管理页面</a></li>
            <li style="width:150px;height: 40px;background-color: lawngreen; display: inline-block;margin: 5px 0px;line-height: 40px;border-radius: 10px;"><a th:href="@{/cinema/new}" style="text-decoration: none;color: indigo;">影院管理页面</a></li>
            <li style="width:150px;height: 40px;background-color: lawngreen; display: inline-block;margin: 5px 0px;line-height: 40px;border-radius: 10px;"><a href="#" style="text-decoration: none;color: indigo;">退出登录</a></li>
        </ul>
    </div>
    <div style="width: 350px;height: 35px; position: absolute;top: 0; right: 0;">
        <h1 style="font-style: italic;font-weight: bolder;font-size: 80px;color: grey;">电影系统</h1>
    </div>

</nav>